<template>
  <div class="new-goods-more">
    <div class="container">
      <!-- 面包屑 -->
      <XtxBread>
        <XtxBreadItem to="/">首页</XtxBreadItem>
        <transition name="fade-right" mode="out-in">
          <XtxBreadItem>{{title}}</XtxBreadItem>
        </transition>
      </XtxBread>
      <div>
        <img :src="banner" alt="" style="width: 100%">
      </div>
    </div>
  </div>
</template>
<script>
import { findMoreNew } from '@/api/newgoods'
import { ref } from 'vue-demi'
export default {
  name: 'NewGoods',
  setup () {
    const banner = ref(null)
    const title = ref(null)
    findMoreNew().then(data => {
      banner.value = data.result.bannerPicture
      title.value = data.result.title
    })
    return { banner, title }
  }
}
</script>
<style lang="less" scoped>
</style>
